// @each $val in $arr {
//   .color-#{$val} {
//     color: $val;
//   }
// }

// 多个循环

// @each $val, $num in $arr, $size {
//   .zks {
//     color: $val;
//     font-size: $num;
//   }
// }
@use "sass:map";
$arr: red, 14px;
$size: blue, 16px;
$zks: 20, 30;
@each $animal, $color in $arr, $size, $zks {
  .zks {
    color: $animal;
    font-size: $color;
  }
}

.sidebar {
  width: 300px;
  @media screen and (max-width: 300px) {
    width: 500px;
  }
}

